<template>
  <a-layout class="container">
    <Nav></Nav>
    <a-layout>
      <a-layout-header class="headerBtn">
        <Header></Header>
      </a-layout-header>
      <a-layout-content>
        <router-view :key="$route.fullPath"></router-view>
      </a-layout-content>
      <a-layout-footer class="footer">
        <Footer></Footer>
      </a-layout-footer>
    </a-layout>
  </a-layout>
</template>

<script>
import Nav from '../components/admin/Nav'
import Footer from '../components/admin/Footer'
import Header from '../components/admin/Header'

export default {
  components: {
    Nav,
    Footer,
    Header
  },
}
</script>

<style scoped>
.container {
  height: 100%;
}

.headerBtn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
</style>
